<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,maximum-scale=1.0,minimum-scale=1.0" />
		<meta name="author" content="李向维" />
		<meta name="description" content="响应式实战,仿兰途科技移动校园" />
		<title>兰途科技</title>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/nav.css" />
		<link rel="stylesheet" href="css/campus.css" />
		<link rel="stylesheet" href="css/mediaCampus.css" />
		<link rel="shortcut icon" href="img/fav.ico" />
	</head>
	<body>
		<!--header  start-->
		<header>
			<div class="top-nav clearfix">
				<div class="logo">
					<img src="img/logo.png" width="132" height="37" />
				</div>
				<div class="nav">
					<!--电脑端-->
					<ul class="nav-pc clearfix">
						<li>
							<a href="index.html">首页</a>
						</li>
						<li>
							<a href="campus.html"  class="on">移动校园</a>
						</li>
						<li>
							<a href="">经典案例</a>
						</li>
						<li>
							<a href="">公司动态</a>
						</li>
						<li>
							<a href="">招贤纳士</a>
						</li>
						<li>
							<a href="">联系我们</a>
						</li>
					</ul>
					<!--手机端-->
					<ul class="nav-mobile clearfix">
						<li>
							<a href="index.html" class="on">首页</a>
						</li>
						<li>
							<a href="">移动校园</a>
						</li>
						<li>
							<a href="">经典案例</a>
						</li>
						<li id="m-btn"><span onselectstart="return false">更多<img src="img/nav_icon.png"/></span>
							<ul class="more">
								<li>行业新闻</li>
								<li>招贤纳士</li>
								<li>联系我们</li>
								<li>兰途家族</li>
							</ul>
						</li>
					</ul>
				</div>

			</div>
		</header>
		<!--header end-->
		<!--content start-->
		<div id="content">
			<div class="box1">
				<div class="top">
					<h1>兰途移动校园</h1>
					<p>--我们做的不仅仅时App</p>
				</div>
				<div class="bottom">
					<div class="btn" data-id="1"></div>
					梳理、提升、准备，我们为您提供一站式全生命周期的呵护
				</div>
			</div>
		    <div class="bg bg1"></div>
		    <div class="box2">
		    	<div class="box2-wrap">
		    		<div class="left">
		    			<p>兰途移动校园</p>
		    			<p>国内最有粘性的移动校园</p>
		    			<p>不止是app，更是新的校园生态系统</p>
		    		</div>
		    		<div class="right">
		    			<p><img src="img/campus/m3.png"></p>
		    			<p><img src="img/campus/ct3_out.png"></p>
		    		</div>
		    	</div>
		        <div class="btn" data-id="2"></div>
		    </div>
		    <div class="bg bg2">1234556</div>
		</div>
		<!--content end-->
		<footer>
			<div class="clearfix">
				<div>
				<p>备案号：蜀ICP备13025447号-1</p>
				<p>©2013-2017 版权所有</p>
				<p>成都兰途网络科技有限公司</p>
				</div>
			</div>
		</footer>
		<script src="js/jquery.min.js"></script>
		<script src="js/campus.js"></script>
	</body>
</html>
